<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/tmpl_game.xhtml">
	<ui:define name="centro">

		<h:form id="form">
			<f:metadata>
				<f:event listener="#{tarefaMBean.onLoadPage}" type="preRenderView" />
			</f:metadata>
			<p:outputLabel value="Não existe nenhuma tarefa para você!" rendered="#{!tarefaMBean.temTarefa()}" />

			<h:panelGroup layout="block" rendered="#{tarefaMBean.temTarefa()}" style="width: 100%">
				<center>
					<p:panelGrid columns="2" >
						<f:facet name="header">Sprint Backlog Item</f:facet>

						<p:outputLabel value="Título: " />
						<p:outputLabel value="#{tarefaMBean.sprintBacklog.titulo}" />

						<p:outputLabel value="Descrição: " />
						<pre width="100%">#{tarefaMBean.sprintBacklog.descricao}</pre>
						
						<p:outputLabel value="Dia Início: " />
						<p:outputLabel value="#{tarefaMBean.sprintBacklog.diaInicioExecucao.dia}" />

						<p:outputLabel value="Máx. Dias Conclusão: " />
						<p:outputLabel value="#{tarefaMBean.sprintBacklog.maxDiaConclusao}" />

						<p:outputLabel value="Ganhos em Scrums: " />
						<p:outputLabel value="#{tarefaMBean.sprintBacklog.ganhoScrums}" />

						<p:outputLabel value="Ganhos em Experiência: " />
						<p:outputLabel value="#{tarefaMBean.sprintBacklog.ganhoExperiencia}" />
					</p:panelGrid>
				</center>

				<hr />
				<p:messages id="messages" showDetail="true" autoUpdate="true" />
				<p:panel id="atividade">
					<f:facet name="header">Atividade &nbsp;&nbsp; | &nbsp;&nbsp; Energia Necessária: #{tarefaMBean.atividade.energiaConclusao}</f:facet>
					
					<pre width="100%">#{tarefaMBean.atividade.descricao}</pre>
					
					<f:facet name="footer">
						<p:outputLabel rendered="#{tarefaMBean.canExecute() == true}">
							<div style="border: 1px solid; width: 100%; background-color: #FFBABA; color: #D8000C">Você não tem energia
								suficiente!</div>
						</p:outputLabel>
						<p:outputLabel value="Possibilidades" />
						<p:selectOneRadio layout="pageDirection" value="#{tarefaMBean.atividade.definida}"
							disabled="#{tarefaMBean.canExecute()}">
							<f:selectItem itemLabel="#{tarefaMBean.atividade.possibilidade01}" itemValue="1" />
							<f:selectItem itemLabel="#{tarefaMBean.atividade.possibilidade02}" itemValue="2" />
							<f:selectItem itemLabel="#{tarefaMBean.atividade.possibilidade03}" itemValue="3" />
							<f:selectItem itemLabel="#{tarefaMBean.atividade.possibilidade04}" itemValue="4" />
						</p:selectOneRadio>
					</f:facet>
				</p:panel>
				<center>
					<p:commandButton value="Executar" action="#{tarefaMBean.executar}" disabled="#{tarefaMBean.canExecute()}"
						update=":form :formPerfil" />
				</center>

				<br />

				<center>
					<div style="padding: 15px 10px 15px 50px; border: 1px solid; width: 80%; background-color: #FEEFB3; color: #9F6000">Observação:
						Respostas erradas consumirão a energia para execução da tarefa!</div>
				</center>

				<h:panelGrid columns="1">
				</h:panelGrid>
			</h:panelGroup>
		</h:form>

	</ui:define>
</ui:composition>

</html>
